diff --git a/apps/web/components/Organization/Slice/Districts/DistrictsSlice.css.ts b/apps/web/components/Organization/Slice/Districts/DistrictsSlice.css.ts
index fa6b26b2d28b..a6e2e0787f22 100644
--- a/apps/web/components/Organization/Slice/Districts/DistrictsSlice.css.ts
+++ b/apps/web/components/Organization/Slice/Districts/DistrictsSlice.css.ts
@@ -1,4 +1,5 @@
 import { style } from '@vanilla-extract/css'
+
 import { themeUtils } from '@island.is/island-ui/theme'
 
 export const districtsList = style({
@@ -18,3 +19,8 @@ export const districtsList = style({
     },
   }),
 })
+
+export const districtsListItem = style({
+  breakInside: 'avoid',
+  display: 'block',
+})
diff --git a/apps/web/components/Organization/Slice/Districts/DistrictsSlice.tsx b/apps/web/components/Organization/Slice/Districts/DistrictsSlice.tsx
index e35c7fd8b7ff..6186d4007323 100644
--- a/apps/web/components/Organization/Slice/Districts/DistrictsSlice.tsx
+++ b/apps/web/components/Organization/Slice/Districts/DistrictsSlice.tsx
@@ -37,7 +37,7 @@ export const DistrictsSlice: React.FC<React.PropsWithChildren<SliceProps>> = ({
             </GridColumn>
           </GridRow>
           <GridRow>
-            <GridColumn span={['10/10', '10/10', '5/10']}>
+            <GridColumn span={['10/10', '10/10', '10/10', '10/10', '5/10']}>
               {slice.description && (
                 <Box paddingRight={[0, 0, 6]}>
                   <Text marginTop={3}>{slice.description}</Text>
@@ -50,7 +50,12 @@ export const DistrictsSlice: React.FC<React.PropsWithChildren<SliceProps>> = ({
                 className={styles.districtsList}
               >
                 {slice.links.map((link, index) => (
-                  <Box component="li" key={index} marginBottom={4}>
+                  <Box
+                    component="li"
+                    key={index}
+                    marginBottom={4}
+                    className={styles.districtsListItem}
+                  >
                     <Link href={link.url}>
                       <Button variant="text" as="span">
                         {link.text}
@@ -61,7 +66,7 @@ export const DistrictsSlice: React.FC<React.PropsWithChildren<SliceProps>> = ({
               </Box>
             </GridColumn>
             {!!slice.image && (
-              <GridColumn span={['10/10', '10/10', '5/10']}>
+              <GridColumn span={['10/10', '10/10', '10/10', '10/10', '5/10']}>
                 {slice.image.url.split('.').pop() === 'svg' ? (
                   <object data={slice.image.url} type="image/svg+xml">
                     <img src={slice.image.url} alt="" />